<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<meta name="apple-mobile-web-app-capable" content="no" />
	<title>订单管理</title>
	<link rel="stylesheet" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/app.css?v">
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/app.css?v=1" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/all.css" rel="stylesheet" />
	<style type="text/css">
	html, body {background-color: #efeff4; }
    .mui-bar~.mui-content .mui-fullscreen {top: 44px; height: auto; }
    .mui-pull-top-tips {position: absolute; top: -20px; left: 50%; margin-left: -25px; width: 40px; height: 40px; border-radius: 100%; z-index: 1; }
    .mui-bar~.mui-pull-top-tips {top: 24px; } 
    .mui-pull-top-wrapper {width: 42px; height: 42px; display: block; text-align: center; background-color: #efeff4; border: 1px solid #ddd; border-radius: 25px; background-clip: padding-box; box-shadow: 0 4px 10px #bbb; overflow: hidden; }
    .mui-pull-top-tips.mui-transitioning {-webkit-transition-duration: 200ms; transition-duration: 200ms; }
    .mui-pull-top-tips .mui-pull-loading {/*-webkit-backface-visibility: hidden; -webkit-transition-duration: 400ms; transition-duration: 400ms;*/ margin: 0; }
    .mui-pull-top-wrapper .mui-icon, .mui-pull-top-wrapper .mui-spinner {margin-top: 7px; }
    .mui-pull-top-wrapper .mui-icon.mui-reverse {/*-webkit-transform: rotate(180deg) translateZ(0);*/ }
    .mui-pull-bottom-tips {text-align: center; background-color: #efeff4; font-size: 15px; line-height: 40px; color: #777; }
    .mui-pull-top-canvas {overflow: hidden; background-color: #fafafa; border-radius: 40px; box-shadow: 0 4px 10px #bbb; width: 40px; height: 40px; margin: 0 auto; }
    .mui-pull-top-canvas canvas {width: 40px; }
    .mui-slider-indicator.mui-segmented-control {background-color: #efeff4; }
	.noorder{height: calc(100vh - 42px);background: url('/static/wechat/img/noorder.png') no-repeat;background-size: 35%;background-position: center;}
	#sliderSegmentedControl .mui-active{color: #e4393c;border-bottom: 2px solid #e4393c}
	#sliderSegmentedControl{background: #fff;height: 40px;}
	#sliderSegmentedControl .mui-scroll{background: #fff}
	.mui-table-view-cell{padding: 0;background: #fafafa !important}
	.mui-table-view-cell:after{height: 0}

	.orderManage a{color:#333;}
	.orderManage{margin: 10px 0 0 0;}
	.storeorder{padding-top: 50px;}
	.orders_all{width: 100%;padding-bottom: 10px;z-index: 10}
	.orders_all ul li{margin-bottom: 0;}
	.orders_all ul{background: #fff}
	.orderManage { background-color: #fff; margin-bottom: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px; }
	.orderManage>dl { border-bottom: 1px solid #f3f3f3; padding-bottom: 8px; margin-bottom: 8px; }
	.orderManage>dl dt { width: 25px; height: 25px; border-radius: 50%; margin-right: 10px; box-shadow: 0 0 3px rgba(0,0,0,.2); background-position: center; background-repeat: no-repeat; background-size: cover; float: left; }
	.orderManage>dl dd:nth-of-type(1) { height: 25px; line-height: 25px; font-size: 10pt; }
	.orderManage>dl dd:nth-of-type(1) span { font-size: 11pt; color: #e54242; text-shadow: 0 0 3px rgba(242,82,107,.5); float: right; margin-right: 10px; }
	.orderManage>dl dd:nth-of-type(1) span.cancel { font-size: 11pt; color: #666; text-shadow: 0 0 3px rgba(0,0,0,.3); float: right; margin-right: 10px; }
	.orderManage>dl dd:nth-of-type(1) span.over { font-size: 11pt; color: rgb(0,190,0); text-shadow: 0 0 3px rgba(0,190,0,.5); float: right; margin-right: 10px; }
	.orderManage>dl dd:nth-of-type(2) { font-size: 10pt; margin-top: 5px; }
	.orderManage>dl dd:nth-of-type(2) span { font-size: 11pt; }
	.orderManage>dl dd:nth-of-type(3) { font-size: 8pt; color: #888; }
/*	.orderManage div:nth-of-type(1) { overflow: auto; border-bottom: 1px solid #f3f3f3; padding-bottom: 8px; margin-bottom: 8px; }
	.orderManage div:nth-of-type(1) dl { padding: 8px 0; border-bottom: 1px dashed #eee; }
	.orderManage div:nth-of-type(1) dl:last-child { border-bottom: none; padding-bottom: 0; }
	.orderManage div:nth-of-type(1) dl:first-child { padding-top: 0; }
	.orderManage div:nth-of-type(1) dl dt { width: 55px; height: 55px; overflow: hidden; float: left; margin-right: 8px; }
	.orderManage div:nth-of-type(1) dl dt img { width: 100%; }
	.orderManage div:nth-of-type(1) dl dd:nth-of-type(1) { font-size: 10pt; line-height: 15px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.orderManage div:nth-of-type(1) dl dd:nth-of-type(2) { font-size: 8pt; color: #888; margin-top: 2px;}
	.orderManage div:nth-of-type(1) dl dd:nth-of-type(2) span { margin-right: 5px; font-size: 15pt; float: right; }*/
	.orderManage>div:last-child { text-align: center;padding: 10px 0 0 0 }
	.orderManage>div:last-child span { font-size: 10pt; border-radius: 15px; padding: 5px 15px; background-image: linear-gradient(120deg,#f74d4d 20%,#e31939); color: #fff; box-shadow: 0 1px 3px rgba(242,82,107,.5); margin: 0 2.5px; }
	.orderManage .shopcar{width: 100%;padding: 5px 0 0;}
	.orderManage .shopcar dl{width: 100%;overflow: hidden;margin-top: 5px;position: relative;}
	.orderManage .shopcar dl dt{width: 60px ;float:left; }
	.orderManage .shopcar dl dt img{width:100% ;vertical-align: bottom;}
	.orderManage .shopcar dl dd{width:calc(100% - 60px) ;float: right;padding-left: 10px;}
	.orderManage .shopcar dl dd:nth-of-type(1){ font-size: 10pt; line-height: 15px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-right: 50px;}
	.orderManage .shopcar dl dd:nth-of-type(2){ font-size: 8pt; color: #888; margin-top: 2px;}
	.orderManage .shopcar dl dd:nth-of-type(2) span { margin-right: 5px; font-size: 15pt; float: right; }
	.orderManage .shopcar dl a>span { position: absolute;top: 0;right: 0;color: #e54242;line-height: 20px;font-size: 13px;}
	.shopcar>div{border-bottom: 1px dashed #eee;}
	.orderManage .tip{padding: 5px 0;border-bottom: 1px dashed #eee}
	.orderManage .tip dl{width: 100%}
	.orderManage .tip dl dd{line-height: 20px;color: #999;font-size: 14px}
	.orderManage .tip dl dd span{line-height: 20px;color: #333;font-size: 14px;padding-left: 10px;}
	.driver img{width: 40px !important;border-radius: 50%;height: 40px;float: left;margin-right: 5px;}
	.driver div{line-height: 40px;text-align: left !important;padding: 0 !important}
	.driver div p{line-height: 20px;color: #333}
	.driver2 img{width: 30px !important;border-radius: 50%;height: 30px;float: left;margin:0 7.5px 0 7.5px ;}
	.driver2 div{line-height: 30px;text-align: left !important;padding: 0 !important}
	.shopcar div div span a{color: #fff}
	.driver2 a{color: #e31939}
	.driver a{color: #e31939}
	.orderManage .shopcar div div{padding: 5px 0}
	.orderManage .shopcar>div{padding: 0}
	.orderManage>dl{margin-bottom: 0}
	.orderManage>dl dd:nth-of-type(1) span{margin:0 !important}
	.mui-table-view {background-color: #fafafa; }
	</style>
</head>
<body class="storeorder">
	<div class="mui-content">
		<div id="slider" class="mui-slider mui-fullscreen">
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll">
					<a class="mui-control-item {{if eq .status ""}}mui-active{{end}}" href="#itemmobile">
						全部订单
					</a>
					<a class="mui-control-item {{if eq .status "1"}}mui-active{{end}}" href="#item1mobile">
						待付款
					</a>
					<a class="mui-control-item {{if eq .status "2"}}mui-active{{end}}" href="#item2mobile">
						待发货
					</a>
					<a class="mui-control-item {{if eq .status "3"}}mui-active{{end}}" href="#item3mobile">
						待收货
					</a>
					<a class="mui-control-item {{if eq .status "4"}}mui-active{{end}}" href="#item4mobile">
						待评价
					</a>
					<a class="mui-control-item {{if eq .status "5"}}mui-active{{end}}" href="#item5mobile">
						订单完成
					</a>
					<a class="mui-control-item {{if eq .status "6"}}mui-active{{end}}" href="#item6mobile">
						退换订单
					</a>
				</div>
			</div>
		<div class="mui-slider-group">
			<div id="itemmobile" class="mui-slider-item mui-control-content {{if eq .status ""}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status ""}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												{{if eq $.uid $.system.uid}}
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												{{end}}
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											{{if eq .status "6"}}
											<span class="goto" href="/mobile/my/shop_order_return?id={{.return.id}}">退换详情</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item1mobile" class="mui-slider-item mui-control-content {{if eq .status "1"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "1"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
									<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
										<dt style="background-image: url({{.pathname}});"></dt>
										<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
										<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
										<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
									</dl>
									<div class="shopcar">
										{{range .product}}
										<dl>
											<a href="/mobile/column/product_content?id={{.pid}}">
											<dt><img src="{{.path}}" alt=""></dt>
											<dd>{{.title}}</dd>
											<dd>规格 : {{.number}}{{.spec}}/箱<span>
												{{if eq .status "2"}}x{{.num}}{{else}}
												{{if eq .num .sendnum}}
												x{{.num}}
												{{else}}
												实发{{.sendnum}}/{{.num}}
												{{end}}
												{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
											<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
											</a>
										</dl>
										{{if eq $.uid $.system.uid}}
										<div>
										{{if .name}}
											<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
										{{end}}
										{{if .monicker}}
											<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
										{{end}}
										</div>
										{{end}}
										{{end}}
									</div>
									<div class="tip">
										<dl>
											{{if ne .volume "0.00"}}
											<dd>货物体积<span>{{.volume}}立方</span></dd>
											{{end}}
											{{if ne .we "0.00"}}
											<dd>货物重量<span>{{.we}}千克</span></dd>
											{{end}}
										</dl>
									</div>
									<div>
										{{if eq .status "2"}}
										<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
										{{end}}
										{{if eq .status "1"}}
										<span class="cancle" data-id="{{.id}}">取消订单</span>
										{{end}}
										<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
									</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content {{if eq .status "2"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "2"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item3mobile" class="mui-slider-item mui-control-content {{if eq .status "3"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "3"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item4mobile" class="mui-slider-item mui-control-content {{if eq .status "4"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "4"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item5mobile" class="mui-slider-item mui-control-content {{if eq .status "5"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "5"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>
			<div id="item5mobile" class="mui-slider-item mui-control-content {{if eq .status "6"}}mui-active{{end}}">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view all">
							{{if eq .status "6"}}
							{{range .info}}
							<li class="mui-table-view-cell">
							<div class="orderManage" data-status="{{.status}}">
										<dl class="goto" href="/mobile/my/order_detail?id={{.id}}">
											<dt style="background-image: url({{.pathname}});"></dt>
											<dd>{{.monicker}} <span>{{if eq .status "1"}}待付款{{else if eq .status "2"}}待发货{{else if eq .status "3"}}待收货{{else if eq .status "4"}}待评价{{else if eq .status "5"}}订单完成{{else}}退款订单{{end}}</span></dd>
											<dd><span>{{.name}}</span> <a href="tel:{{.mobile}}">{{.mobile}}</a> <br>{{.shen}} {{.shi}} {{.qu}} {{.address}}</dd>
											<dd>发票:{{if eq .invoice "1"}}需要{{else}}不需要{{end}} 备注:{{.content}}</dd>
										</dl>
										<div class="shopcar">
											{{range .product}}
											<dl>
												<a href="/mobile/column/product_content?id={{.pid}}">
												<dt><img src="{{.path}}" alt=""></dt>
												<dd>{{.title}}</dd>
												<dd>规格 : {{.number}}{{.spec}}/箱<span>
													{{if eq .status "2"}}x{{.num}}{{else}}
													{{if eq .num .sendnum}}
													x{{.num}}
													{{else}}
													实发{{.sendnum}}/{{.num}}
													{{end}}
													{{end}}{{if eq .spec2 "1"}}件{{else}}箱{{end}}</span></dd>
												<span>{{if eq .status "2"}}待备货{{else if eq .status "3"}}待取货{{else if eq .status "4"}}已取货{{else if eq .status "5"}}已发货{{end}}</span>
												</a>
											</dl>
											{{if eq $.uid $.system.uid}}
											<div>
											{{if .name}}
												<div class="driver"><div><img src="{{.spath}}"><p>店铺 : {{.name}}(<a href="tel:{{.tel}}">{{.tel}}</a>)</p><p>地址 : {{.address}}</p></div></div>
											{{end}}
											{{if .monicker}}
												<div class="driver2"><div><img src="{{.mpath}}">司机 : {{.monicker}}(<a href="tel:{{.mobile}}">{{.mobile}}</a>)</div></div>
											{{end}}
											</div>
											{{end}}
											{{end}}
										</div>
										<div class="tip">
											<dl>
												{{if ne .volume "0.00"}}
												<dd>货物体积<span>{{.volume}}立方</span></dd>
												{{end}}
												{{if ne .we "0.00"}}
												<dd>货物重量<span>{{.we}}千克</span></dd>
												{{end}}
											</dl>
										</div>
										<div>
											{{if eq .status "2"}}
											<span class="goto" href="/mobile/my/order_send?id={{.id}}">发货</span>
											{{end}}
											{{if eq .status "1"}}
											<span class="cancle" data-id="{{.id}}">取消订单</span>
											{{end}}
											{{if eq .status "6"}}
											<span class="goto" href="/mobile/my/shop_order_return?id={{.return.id}}">退换详情</span>
											{{end}}
											<span class="goto" href="/mobile/my/message_content?id={{.uid}}">联系买家</span>
										</div>
								</div>
							</li>
							{{end}}
							{{end}}
							<div class="noorder" style="display: none;">
							</div>
						</ul>
					</div>
				</div>
			</div>						
		</div>
	</div>
</body>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/js/SUI.js"></script>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.pullToRefresh.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.pullToRefresh.material.js"></script>
{{template "wechat/public/share.html" .}}
<script type="text/javascript">
	mui('body').on('tap','.goto',function(){
		var h=this.getAttribute("href")
		if(h){
		window.location.href=h
		}
	})	
 //    mui('body').on('tap','a',function(){
	// 	var h=this.getAttribute('href');
	// 	if(h){window.location.href=h};
	// });
</script>
<script>
	mui('body').on('tap','.cancle',function(){
		var id=this.getAttribute("data-id")
		var that=this
		that.disabled=true
		mui.confirm("您确定要取消该订单吗?","提示",function(data){
			if(data.index){
				mui.ajax("/mobile/my/shop_order_cancle",{
					data:{id:id},
					type:'get',
					timeout:10000,
					success:function(res){
						that.disabled=false
						if(res){
							mui.toast("取消成功~")
							var p=that.parentNode.parentNode
							p.parentNode.removeChild(p)
						}else{
							mui.toast("网络繁忙,请稍后再试~")
						}
					},error:function(){
						mui.toast("网络繁忙,请稍后再试~")
						that.disabled=false
					}
				})
			}else{
				that.disabled=false
			}
		})
	})
</script>
<script type="text/javascript">
	var status;
	{{if eq .status ""}}
	status=0.00
	{{else}}
	status={{.status}}
	{{end}}
	var ismanage;
	{{if eq .uid .system.uid}}
	ismanage=true
	{{else}}
	ismanage=false
	{{end}}
	 mui.init({
        swipeBack:true, //启用右滑关闭功能
        pullrefresh:(function($) {
            //阻尼系数
            var deceleration = 0.0009;
            $('.mui-scroll-wrapper').scroll({
                bounce: false,
                indicators: false, //是否显示滚动条
                deceleration:deceleration
            });
            $.ready(function() {
                //循环初始化所有下拉刷新，上拉加载。
                $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
                    $(pullRefreshEl).pullToRefresh({
                        up: {
                        	contentinit:null,
                        	contentdown:null,
                        	contentnomore:null,
                        	auto:true,
                            callback: function() {
                                var self = this;
                                var ul = self.element.querySelector('.mui-table-view');
                                var page =Math.ceil(ul.querySelectorAll('li').length/10+1);
                                var li;
                                $.ajax({
                                    url:window.location.href,
                                    data:{page:page,statusajax:index},
                                    success: function(data) {
                                    	var res=data.info
                                    	if(res){
                                        for(let i = 0; i < res.length; i++) {
                                            li = document.createElement('li');
                                            li.className = 'mui-table-view-cell mui-media';
                                            var html=`<div class="orderManage"><dl class="goto" href="/mobile/my/order_detail?id=`+res[i].id+`">
											<dt style="background-image: url(`+res[i].pathname+`);"></dt> <dd>`+res[i].monicker+` <span>`
											switch (res[i].status){
						 						case "1":
						 						html+=`待付款`
						 						break
						 						case "2":
						 						html+=`待发货`
						 						break
						 						case "3":
						 						html+=`待收货`
						 						break
						 						case "4":
						 						html+=`待评价`
						 						break
						 						case "5":
						 						html+=`订单完成`
						 						break
						 						case "6":
						 						html+=`退款订单`
						 						break
						 					}
											html+=`</span></dd><dd><span>`+res[i].name+`</span> <a href="tel:`+res[i].mobile+`">`+res[i].mobile+`</a><br>`+res[i].shen+` `+res[i].shi+` `+res[i].qu+` `+res[i].address+`</dd> <dd>发票:`
											if(res[i].invoice==1){
												html+=`需要`
											}else{
												html+=`不需要`
											}
											html+=`备注:`+res[i].content+`</dd> </dl><div class="shopcar">`
											if(res[i].product){
												for(var j=0;j<res[i].product.length;j++){
													html+=`<dl> <a href="/mobile/column/product_content?id=`+res[i].product[j].pid+`"> <dt><img src="`+res[i].product[j].path+`" alt=""></dt> <dd>`+res[i].product[j].title+`</dd> <dd>规格 : `+res[i].product[j].number+res[i].product[j].spec+`/箱<span>`
													if(res[i].product[j].status==2){
														html+=`x`+res[i].product[j].num
													}else{
														if (res[i].product[j].num==res[i].product[j].sendnum) {
															html+=`x`+res[i].product[j].num
														}else{
															html+=`实发`+res[i].product[j].num+`/`+res[i].product[j].sendnum
														}
														if(res[i].shopcar[j].spec2==1){
														html+=`/件`
														}else{
															html+=`/箱`
														}
													}
													html+=`</span></dd><span>`
													switch (res[i].product[j].status){
								 						case "2":
								 						html+=`待备货`
								 						break
								 						case "3":
								 						html+=`待取货`
								 						break
								 						case "4":
								 						html+=`已取货`
								 						break
								 						case "5":
								 						html+=`已发货`
								 						break
								 					}
													html+=`</a></dl>`
												if(ismanage){
													html+=`<div>`
													if(res[i].product[j].name){
														html+=`<div class="driver"><div><img src="`+res[i].product[j].spath+`"><p>店铺 : `+res[i].product[j].name+`(<a href="tel:`+res[i].product[j].tel+`">`+res[i].product[j].tel+`</a>)</p><p>地址 : `+res[i].product[j].address+`</p></div></div>`
													}
													if(res[i].product[j].monicker){
														html+=`<div class="driver2"><div><img src="`+res[i].product[j].mpath+`">司机 : `+res[i].product[j].monicker+`(<a href="tel:`+res[i].product[j].mobile+`">`+res[i].product[j].mobile+`</a>)</div></div>`
													}
													html+=`</div>`
												}
												}
											}
											html+=` </div> <div class="tip"> <dl>`
											if(res[i].volume!=0.00){
												html+=`<dd>货物体积<span>`+res[i].volume+`立方</span></dd>`
											}
											if(res[i].we!=0.00){
												html+=`<dd>货物重量<span>`+res[i].we+`千克</span></dd>`
											}
											html+=` </dl> </div> <div>`
											switch (res[i].status){
												case "1":
						 						html+=`<span class="cancle" data-id="`+res[i].id+`">取消订单</span>`
						 						break;
						 						case "2":
						 						html+=`<span class="goto" href="/mobile/my/order_send?id=`+res[i].id+`">发货</span>`
						 						break;
						 						case "6":
						 						html+=`<span class="goto" href="/mobile/my/shop_order_return?id=`+res[i].return.id+`">退换详情</span>`
						 						break;
						 					}
						 					html+=` <span class="goto" href="/mobile/my/message_content?id=`+res[i].uid+`">联系买家</span>`
                                            li.innerHTML =html;
                                            ul.appendChild(li);
                                            }
                                        self.endPullUpToRefresh();
                                        }else{
                                        	var node=self.element.parentNode.getElementsByClassName('mui-pull-bottom-tips')[0]
                                        	node.parentNode.removeChild(node)
                                        	if(page!=1){	
                                        		mui.toast("没有更多了!")
                                        	}
                                        	if(ul.querySelectorAll('li').length==0){
                                        		ul.getElementsByClassName('noorder')[0].style.display='block'
                                        	}
                                        }
                                    },
                                    error:function(xhr,type,errorThrown){
                                        mui.toast("网络繁忙~")
                                    }
                                });
                            }
                        }
                    });
                });
            });
        })(mui)
    });
</script>
</html>